<template>
    <div class="marLR20">
        <h3 class="marT20">个人信息</h3>
        <div class="tableWrapper">
            <el-row class="posRelative headerRowClass font14">
                <el-col :span="1">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="工号">
                        工号
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="部门">
                        部门
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="职位">
                        职位
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="名字">
                        名字
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="状态">
                        状态
                    </p>
                </el-col>
                <el-col :span="1">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="性别">
                        性别
                    </p>
                </el-col>
                <el-col :span="3">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="身份证号">
                        身份证号
                    </p>
                </el-col>
                <el-col :span="4">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="电话">
                        电话
                    </p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="邮箱">
                        邮箱
                    </p>
                </el-col>
                <el-col :span="1">
                    <p class="paddTB10 borderR1 posRelative ellipsis" title="权限">
                        权限
                    </p>
                </el-col>
                <el-col :span="4">
                    <p class="paddTB10 posRelative ellipsis" title="操作">
                        操作
                    </p>
                </el-col>
            </el-row>
            <el-row class="rowClass tdText">
                <el-col :span="1" class="sortLrCol">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.staffnum">{{tableShowUser.staffnum}}</p>
                    <div class="lrArrowsWrapper">
                        <icon name="enterPage" class="scaleIcon1 enterPageIcon" @click.native.stop = "routerResumeDetailRead(tableShowUser.id)"></icon>
                    </div>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.depart_name">{{tableShowUser.depart_name}}</p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.pos_name">{{tableShowUser.pos_name}}</p>
                </el-col>
                <el-col :span="2" class="sortLrCol">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_name">{{tableShowUser.user_name}}</p>
                    <div class="lrArrowsWrapper">
                        <icon name="enterPage" class="scaleIcon1 enterPageIcon" @click.native.stop = "routerResumeDetailRead(tableShowUser.id)"></icon>
                    </div>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 tContent borderR1 ellipsis" title="/" v-if="tableShowUser.work_nature === null">/</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="在校实习生" v-else-if="tableShowUser.work_nature === 1">在校实习生</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="试用" v-else-if="tableShowUser.work_nature === 2">试用</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="首签合同" v-else-if="tableShowUser.work_nature === 3">首签合同</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="续签合同" v-else-if="tableShowUser.work_nature === 4">续签合同</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="无固定期限合同" v-else-if="tableShowUser.work_nature === 5">无固定期限合同</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="停薪留职" v-else-if="tableShowUser.work_nature === 6">停薪留职</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="离职" v-else-if="tableShowUser.work_nature === 7">离职</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="退休返职" v-else-if="tableShowUser.work_nature === 8">退休返职</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="钟点工" v-else-if="tableShowUser.work_nature === 9">钟点工</p>
                    <p class="paddTB10 tContent borderR1 ellipsis" title="兼职" v-else-if="tableShowUser.work_nature === 10">兼职</p>
                </el-col>
                <el-col :span="1">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_sex === 1 ? '男' : '女'">{{tableShowUser.user_sex === 1 ? '男' : '女'}}</p>
                </el-col>
                <el-col :span="3">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_card_num">{{tableShowUser.user_card_num}}</p>
                </el-col>
                <el-col :span="4">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_tel">{{tableShowUser.user_tel}}</p>
                </el-col>
                <el-col :span="2">
                    <p class="paddTB10 tContent borderR1 ellipsis" :title="tableShowUser.user_email === null ? '/' : tableShowUser.user_email">{{tableShowUser.user_email === null ? '/' : tableShowUser.user_email}}</p>
                </el-col>
                <el-col :span="1">
                    <p class="paddTB10 tContent borderR1 ellipsis" title="">
                        <icon name="view" class="scaleIcon1" title="点击可查看权限" @click.native.stop="routerToMyselfMenu(tableShowUser.id,tableShowUser.staffnum,tableShowUser.user_name)"></icon>
                    </p>
                </el-col>
                <el-col :span="4">
                    <p class="paddTB10 tContent ellipsis" title="点击进入六项申报扣除">
                        <icon name="taxDisabled" class="scaleIcon1" title="六项申报扣除"   v-if="tableShowUser.is_modified === 2"></icon>
                        <icon name="tax" class="scaleIcon1" title="六项申报扣除" @click.native.stop="routerToTax(tableShowUser.id)" v-else></icon>
                    </p>
                </el-col>
            </el-row>
        </div>

        <el-tabs v-model="activeName" @tab-click="handleClick"  class="marT20" stretch = true v-if="unReadedCount != 0 || readedCount != 0">
            <el-tab-pane :label="'未读履历(未读:' + unReadedCount + ',未审核:' + sumCount +')'" name="readTabPane" :disabled="unReadedCount == 0">
                
                <div v-if="unReadedCount != 0">
                    <el-row>
                        <el-col :span="24">
                            <h3>审核人 : {{resumeAuditorsStr}}</h3>
                        </el-col>
                    </el-row>
                    
                    <!-- 教育经历 -->
                    <el-row class="posRelative marT10 marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getEduExper">教育经历
                                    <icon name="down" class="marR15" v-show="!isEduExperShow"></icon>
                                    <icon name="up" class="marR15" v-show="isEduExperShow"></icon>
                                    <div class="loader loader-1" v-show="isEduExperIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show="isEduExperShow">

                                    <!-- 编辑教育经历表单 -->
                                    <el-form ref="eduFrm" :model="eduFrm" :rules="eduFrmRules" class="marT10" :inline="true" hide-required-asterisk=true label-width="80px" v-show="isEduFrmShow">
                                        <el-row>
                                            <el-col :span="8" :lg="8" :md="12">
                                                <el-form-item label="学历" prop="education">
                                                    <el-select v-model="eduFrm.education" placeholder="请选择" class="inputTxtWrapper"  @change="watchFrmChange('eduFrm')">
                                                        <el-option
                                                            v-for="item in educationArr"
                                                            :key="item.type"
                                                            :label="item.label"
                                                            :value="item.type">
                                                        </el-option>
                                                    </el-select>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="8" :lg="8" :md="12">
                                                <el-form-item label="毕业院校" prop="gradSchool">
                                                    <el-input v-model.trim="eduFrm.gradSchool" placeholder="请输入毕业院校" maxlength='20' class="inputTxtWrapper"  @input.stop.native="watchFrmChange('eduFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="8" :lg="8" :md="12">
                                                <el-form-item label="毕业时间" prop="gradTime">
                                                    <el-date-picker
                                                        class="inputTxtWrapper"
                                                        v-model="eduFrm.gradTime"
                                                        type="month"
                                                        value-format="yyyy-MM"
                                                        :editable = "false"
                                                        placeholder="请选择毕业时间"
                                                        @change="watchFrmChange('eduFrm')">
                                                    </el-date-picker>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="8" :lg="8" :md="12">
                                                <el-form-item label="专业" prop="professName">
                                                    <el-input v-model.trim="eduFrm.professName" placeholder="多个专业以，分隔" maxlength='30' class="inputTxtWrapper"  @input.stop.native="watchFrmChange('eduFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                        </el-row>
                                    </el-form>    

                                    <div v-show="!isEduFrmShow && eduExperList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="姓名">姓名</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="学历">
                                                    学历
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="毕业院校">毕业院校</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="毕业院校">毕业时间</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="专业名称">专业名称</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">审核状态</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">审核理由</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="操作">操作</p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of eduExperList" :key="item.eduId" :index="index">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="初中及以下" v-if="item.education === 1">初中及以下</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="高中" v-else-if="item.education === 2">高中</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="专科" v-else-if="item.education === 3">专科</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(成教)" v-else-if="item.education === 4">本科(成教)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(民办 / 自考)" v-else-if="item.education === 5">本科(民办 / 自考)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(二本)" v-else-if="item.education === 6">本科(二本)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(一本)" v-else-if="item.education === 7">本科(一本)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(211)" v-else-if="item.education === 8">本科(211)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(985)" v-else-if="item.education === 9">本科(985)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="硕士 / 工硕" v-else-if="item.education === 10">硕士 / 工硕</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="博士" v-else-if="item.education === 11">博士</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.gradSchool">{{item.gradSchool}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.gradTime">{{item.gradTime}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.professName">{{item.professName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1" v-if="item.auditStatus === 2">
                                                    <icon name="readed" class="scaleIcon1 orangeColor" title="设置教育经历为已读" @click.native.stop="setEduExperRead(item.eduId,index)"></icon>
                                                </p>
                                                <p class="paddTB10 tContent borderL1 borderR1" v-else>
                                                    <icon name="change" class="scaleIcon1 marR15" title="修改" @click.native.stop="editShowEduFrm(item.eduId,index,item.auditStatus)"></icon>
                                                    <icon name="del" class="scaleIcon1 marR15" title="删除" @click.native.stop="deleteEdu(item.eduId,index,item.auditStatus)"></icon>
                                                </p>
                                            </el-col>
                                        </el-row>
                                    </div>
                                    
                                    <div class="tipNoData" v-show="eduExperList.length <= 0 && !isEduFrmShow">暂无数据</div> 

                                    <div class="btnGroup marB20" v-show="isEduFrmShow">
                                        <button class="operatBtn" @click.stop="cancelEduFrm">取消</button>
                                        <button class="operatBtn" @click.stop="editEdu" :disabled="!isEduFrmOk" :class="{notAllowed:!isEduFrmOk}">确认修改</button>
                                    </div>
                                    
                                </div>

                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                    <!--奖惩记录  -->
                    <el-row class="posRelative marT10  marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getRewards">奖惩记录
                                    <icon name="down" class="marR15" v-show="!isRewardsShow"></icon>
                                    <icon name="up" class="marR15" v-show="isRewardsShow"></icon>
                                    <div class="loader loader-1" v-show="isRewardsIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show = "isRewardsShow">
                                    <!-- 编辑奖惩记录表单 -->
                                    <el-form ref="rewardFrm" :model="rewardFrm" :rules="rewardFrmRules" class="marT10" :inline="true" hide-required-asterisk=true label-width="80px" v-show="isRewardFrmShow">
                                        <el-row>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="文件编号" prop="fileNum">
                                                    <el-input v-model.trim="rewardFrm.fileNum" placeholder="请输入文件编号" maxlength='20' class="inputTxtWrapper" @input.stop.native="watchFrmChange('rewardFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label=" 奖惩类型" prop="rewardsType">
                                                    <el-select v-model="rewardFrm.rewardsType" placeholder="请选择" class="inputTxtWrapper"  @change="watchFrmChange('rewardFrm')">
                                                        <el-option
                                                            v-for="item in rewardsArr"
                                                            :key="item.type"
                                                            :label="item.label"
                                                            :value="item.type">
                                                        </el-option>
                                                    </el-select>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="奖惩金额" prop="rewardsMoney">
                                                    <el-input v-model.trim.number="rewardFrm.rewardsMoney" placeholder="请输入奖惩金额" maxlength='6' class="inputTxtWrapper" @input.stop.native="watchFrmChange('rewardFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="奖惩原因" prop="rewardsReason">
                                                    <el-input v-model.trim="rewardFrm.rewardsReason" placeholder="请输入奖惩原因" maxlength='30' class="inputTxtWrapper" @input.stop.native="watchFrmChange('rewardFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="奖惩日期" prop="rewardsTime">
                                                    <el-date-picker
                                                        class="inputTxtWrapper"
                                                        v-model="rewardFrm.rewardsTime"
                                                        type="date"
                                                        value-format="yyyy-MM-dd"
                                                        :editable = "false"
                                                        placeholder="请选择奖惩日期"
                                                        @change="watchFrmChange('rewardFrm')">
                                                    </el-date-picker>
                                                </el-form-item>
                                            </el-col>
                                        </el-row>
                                    </el-form>

                                    <div v-show="!isRewardFrmShow && rewardsList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                                    姓名
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="文件编号">
                                                    文件编号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="奖惩类型">
                                                    奖惩类型
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="奖惩日期">
                                                    奖惩日期
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="奖惩金额">奖惩金额</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="奖惩原因">奖惩原因</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">审核状态</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">审核理由</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="修改原因">操作</p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of rewardsList" :key="item.rewardId" :index="index">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.fileNum">{{item.fileNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="奖励" v-if="item.rewardsType === 1">奖励</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="口头警告" v-else-if="item.rewardsType === 2">口头警告</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="书面警告" v-else-if="item.rewardsType === 3">书面警告</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="一类事故" v-else-if="item.rewardsType === 4">一类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="二类事故" v-else-if="item.rewardsType === 5">二类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="三类事故" v-else-if="item.rewardsType === 6">三类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="四类事故" v-else-if="item.rewardsType === 7">四类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="五类事故" v-else-if="item.rewardsType === 8">五类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="六类事故" v-else-if="item.rewardsType === 9">六类事故</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewardsTime">{{item.rewardsTime}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewardsMoney">{{item.rewardsMoney}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewardsReason">{{item.rewardsReason}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 borderR1" v-if="item.auditStatus === 2">
                                                    <icon name="readed" class="scaleIcon1 orangeColor" title="设置奖惩记录为已读" @click.native.stop="setRewardRead(item.rewardId,index)"></icon>
                                                </p>
                                                <p class="paddTB10 tContent borderL1 borderR1" v-else>
                                                    <icon name="change" class="scaleIcon1 marR15" title="修改" @click.native.stop="editShowRewardFrm(item.rewardId,index,item.auditStatus)"></icon>
                                                    <icon name="del" class="scaleIcon1 marR15" title="删除" @click.native.stop="deleteReward(item.rewardId,index,item.auditStatus)"></icon>
                                                </p>
                                            </el-col>
                                        </el-row>
                                    </div>

                                    <div class="tipNoData" v-show="rewardsList.length <= 0 && !isRewardFrmShow">暂无数据</div> 
                                    
                                    <div class="btnGroup marB20" v-show="isRewardFrmShow">
                                        <button class="operatBtn" @click.stop="cancelRewardFrm" v-show="isRewardFrmShow">取消</button>
                                        <button class="operatBtn" @click.stop="editReward" :disabled="!isRewardFrmOk" :class="{notAllowed:!isRewardFrmOk}">确认修改</button>
                                    </div>
                                    
                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                    <!-- 调岗记录 -->
                    <el-row class="posRelative marT10  marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getPostTrans">调岗记录
                                    <icon name="down" class="marR15" v-show="!isPostTransShow"></icon>
                                    <icon name="up" class="marR15" v-show="isPostTransShow"></icon>
                                    <div class="loader loader-1" v-show="isPostTransIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show="isPostTransShow">
                                    <!-- 编辑调岗记录表单 -->
                                    <el-form ref="postTransFrm" :model="postTransFrm" :rules="postTransFrmRules" class="marT10" :inline="true" hide-required-asterisk=true label-width="80px" v-show="isPostTransFrmShow">
                                        <el-row>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="文件编号" prop="fileNum">
                                                    <el-input v-model.trim="postTransFrm.fileNum" placeholder="请输入文件编号" maxlength='20' class="inputTxtWrapper"  @input.stop.native="watchFrmChange('postTransFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="原部门" prop="oldDepartId">
                                                    <el-select v-model="postTransFrm.oldDepartId" placeholder="请选择" class="inputTxtWrapper" disabled>
                                                        <el-option
                                                            v-for="item in departs"
                                                            :key="item.id"
                                                            :label="item.depart_name"
                                                            :value="item.id"
                                                            :disabled="item.is_show === 2">
                                                        </el-option>
                                                    </el-select>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="原职位" prop="oldPostId">
                                                    <el-select v-model="postTransFrm.oldPostId" placeholder="请选择" class="inputTxtWrapper" disabled>
                                                        <el-option
                                                            v-for="item in posList"
                                                            :key="item.id"
                                                            :label="item.pos_name"
                                                            :value="item.id"
                                                            :disabled="item.is_show === 2">
                                                        </el-option>
                                                    </el-select>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="调岗编号" prop="postAdjustNum">
                                                    <el-input v-model.trim="postTransFrm.postAdjustNum" placeholder="请输入调岗编号" maxlength='20' class="inputTxtWrapper" @input.stop.native="watchFrmChange('postTransFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="新部门" prop="newDepartId">
                                                    <el-select v-model="postTransFrm.newDepartId" placeholder="请选择" class="inputTxtWrapper" @change="selNewDepart">
                                                        <el-option
                                                            v-for="item in departs"
                                                            :key="item.id"
                                                            :label="item.depart_name"
                                                            :value="item.id"
                                                            :disabled="item.is_show === 2">
                                                        </el-option>
                                                    </el-select>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="新职位" prop="newPostId">
                                                    <el-select v-model="postTransFrm.newPostId" placeholder="请选择" class="inputTxtWrapper" @change="selNewPos">
                                                        <el-option
                                                            v-for="item in posList"
                                                            :key="item.id"
                                                            :label="item.pos_name"
                                                            :value="item.id"
                                                            :disabled="item.is_show === 2">
                                                        </el-option>
                                                    </el-select>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="调岗日期" prop="postAdjustTime">
                                                    <el-date-picker
                                                        class="inputTxtWrapper"
                                                        v-model="postTransFrm.postAdjustTime"
                                                        type="date"
                                                        value-format="yyyy-MM-dd"
                                                        :editable = "false"
                                                        placeholder="请选择调岗日期"
                                                        @change="watchFrmChange('postTransFrm')">
                                                    </el-date-picker>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="调岗原因" prop="postAdjustReason">
                                                    <el-input v-model.trim="postTransFrm.postAdjustReason" placeholder="请输入调岗原因" maxlength='30' class="inputTxtWrapper" @input.stop.native="watchFrmChange('postTransFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                        </el-row>
                                    </el-form>

                                    <div v-show="!isPostTransFrmShow && postTransferList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="1">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                                    姓名
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="文件编号">
                                                    文件编号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="调岗编号">
                                                    调岗编号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="原部门">
                                                    原部门
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="新部门">
                                                    新部门
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="原职位">
                                                    原职位
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="新职位">
                                                    新职位
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="调岗时间">
                                                    调岗时间
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="调岗原因">
                                                    调岗原因
                                                </p>
                                            </el-col>
                                            <el-col :span="1">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">
                                                    审核状态
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">
                                                    审核理由
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="操作">
                                                    操作
                                                </p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of postTransferList" :key="item.postTransId" :index="index">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="1">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.fileNum">{{item.fileNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.postAdjustNum">{{item.postAdjustNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.oldDepartName">{{item.oldDepartName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.newDepartName">{{item.newDepartName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.oldPostName">{{item.oldPostName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.newPostName">{{item.newPostName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.postAdjustTime">{{item.postAdjustTime}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.postAdjustReason">{{item.postAdjustReason}}</p>
                                            </el-col>
                                            <el-col :span="1">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 borderR1" v-if="item.auditStatus === 2">
                                                    <icon name="readed" class="scaleIcon1 orangeColor" title="设置调岗记录为已读" @click.native.stop="setPostTransRead(item.postTransId,index)"></icon>
                                                </p>
                                                <p class="paddTB10 tContent borderL1 borderR1" v-else>
                                                    <icon name="change" class="scaleIcon1 marR15" title="修改" @click.native.stop="editShowPostTransFrm(item.postTransId,index,item.auditStatus)"></icon>
                                                    <icon name="del" class="scaleIcon1 marR15" title="删除" @click.native.stop="deletePostTrans(item.postTransId,index,item.auditStatus)"></icon>
                                                </p>
                                            </el-col>
                                        </el-row>
                                    </div>

                                    <div class="tipNoData" v-show="postTransferList.length <= 0 && !isPostTransFrmShow">暂无数据</div> 

                                    <div class="btnGroup marB20" v-show="isPostTransFrmShow">
                                        <button class="operatBtn" @click.stop="cancelPostTransFrm" v-show="isPostTransFrmShow">取消</button>
                                        <button class="operatBtn" @click.stop="editPostTrans" :disabled="!isPostTransFrmOk" :class="{notAllowed:!isPostTransFrmOk}">确认修改</button>
                                    </div>
                                    
                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                    <!-- 人员状态记录 -->
                    <el-row class="posRelative marT10  marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getUserStatus">人员状态记录
                                    <icon name="down" class="marR15" v-show="!isUserStatusShow"></icon>
                                    <icon name="up" class="marR15" v-show="isUserStatusShow"></icon>
                                    <div class="loader loader-1" v-show="isUserStatusIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show="isUserStatusShow">
                                    <!-- 编辑人员状态记录表单 -->
                                    <el-form ref="userStatusFrm" :model="userStatusFrm" :rules="userStatusFrmRules" class="marT10" :inline="true" hide-required-asterisk=true label-width="80px" v-show="isUserStatusFrmShow">
                                        <el-row>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="工作状态" prop="workNature">
                                                    <el-select v-model="userStatusFrm.workNature" placeholder="请选择" class="inputTxtWrapper" @change="watchFrmChange('userStatusFrm')">
                                                        <el-option
                                                            v-for="item in workNatureArr"
                                                            :key="item.type"
                                                            :label="item.label"
                                                            :value="item.type">
                                                        </el-option>
                                                    </el-select>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="开始时间" prop="eventTime">
                                                    <el-date-picker
                                                        class="inputTxtWrapper"
                                                        v-model="userStatusFrm.eventTime"
                                                        type="date"
                                                        value-format="yyyy-MM-dd"
                                                        :editable = "false"
                                                        placeholder="请选择开始时间"
                                                        @change="watchFrmChange('userStatusFrm')">
                                                    </el-date-picker>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12" v-if="userStatusFrm.workNature !==5 && userStatusFrm.workNature !==7">
                                                <el-form-item label="结束时间" prop="endEventTime">
                                                    <el-date-picker
                                                        class="inputTxtWrapper"
                                                        v-model="userStatusFrm.endEventTime"
                                                        type="date"
                                                        value-format="yyyy-MM-dd"
                                                        :editable = "false"
                                                        placeholder="请选择结束时间"
                                                        @change="watchFrmChange('userStatusFrm')">
                                                    </el-date-picker>
                                                </el-form-item>
                                            </el-col>
                                        </el-row>
                                    </el-form>

                                    <div v-show="!isUserStatusFrmShow && userStatusList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                                    姓名
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工作状态">
                                                    工作状态
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="开始时间">
                                                    开始时间
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="结束时间">
                                                    结束时间
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="审核状态">
                                                    审核状态
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">审核理由</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="操作">操作</p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of userStatusList" :key="item.userStatusId" :index="index">
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="在校实习生" v-if="item.workNature === 1">在校实习生</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="试用" v-else-if="item.workNature === 2">试用</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="首签合同" v-else-if="item.workNature === 3">首签合同</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="续签合同" v-else-if="item.workNature === 4">续签合同</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="无固定期限合同" v-else-if="item.workNature === 5">无固定期限合同</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="停薪留职" v-else-if="item.workNature === 6">停薪留职</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="离职" v-else-if="item.workNature === 7">离职</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="退休返职" v-else-if="item.workNature === 8">退休返职</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="钟点工" v-else-if="item.workNature === 9">钟点工</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="兼职" v-else-if="item.workNature === 10">兼职</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.eventTime">{{item.eventTime}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.endEventTime">{{item.endEventTime}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 borderR1" v-if="item.auditStatus === 2">
                                                    <icon name="readed" class="scaleIcon1 orangeColor" title="设置人员状态记录为已读" @click.native.stop="setUserStatusRead(item.userStatusId,index)"></icon>
                                                </p>
                                                <p class="paddTB10 tContent borderL1 borderR1" v-else>
                                                    <icon name="change" class="scaleIcon1 marR15" title="修改" @click.native.stop="editShowUserStatusFrm(item.userStatusId,index,item.auditStatus)"></icon>
                                                    <icon name="del" class="scaleIcon1 marR15" title="删除" @click.native.stop="deleteUserStatus(item.userStatusId,index,item.auditStatus)"></icon>
                                                </p>
                                            </el-col>
                                        </el-row>
                                    </div>

                                    <div class="tipNoData" v-show="userStatusList.length <= 0 && !isUserStatusFrmShow">暂无数据</div> 

                                    <div class="btnGroup marB20" v-show="isUserStatusFrmShow">
                                        <button class="operatBtn marT20" @click.stop="cancelUserStatusFrm" v-show="isUserStatusFrmShow">取消</button>
                                        <button class="operatBtn marT20" @click.stop="editUserStatus" :disabled="!isUserStatusFrmOk" :class="{notAllowed:!isUserStatusFrmOk}">确认修改</button>
                                    </div>

                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                    <!-- 职业等级记录 -->
                    <el-row class="posRelative marT10  marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getOccGrade">职业等级记录
                                    <icon name="down" class="marR15" v-show="!isOccGradeShow"></icon>
                                    <icon name="up" class="marR15" v-show="isOccGradeShow"></icon>
                                    <div class="loader loader-1" v-show="isOccGradeIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show="isOccGradeShow">
                                    <!-- 编辑职业等级记录表单 -->
                                    <el-form ref="occGradeFrm" :model="occGradeFrm" :rules="occGradeFrmRules" class="marT10" :inline="true" hide-required-asterisk=true label-width="80px" v-show="isOccGradeFrmShow">
                                        <el-row>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="职业等级" prop="occGradeStr">
                                                    <el-input v-model.trim="occGradeFrm.occGradeStr" placeholder="请输入职业等级" maxlength='50' class="inputTxtWrapper" @input.stop.native="watchFrmChange('occGradeFrm')"></el-input>
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="6" :lg="8" :md="12">
                                                <el-form-item label="开始时间" prop="eventTime">
                                                    <el-date-picker
                                                        class="inputTxtWrapper"
                                                        v-model="occGradeFrm.eventTime"
                                                        type="date"
                                                        value-format="yyyy-MM-dd"
                                                        :editable = "false"
                                                        placeholder="请选择开始时间"
                                                        @change="watchFrmChange('occGradeFrm')">
                                                    </el-date-picker>
                                                </el-form-item>
                                            </el-col>
                                        </el-row>
                                    </el-form>
                                    
                                    <div v-show="!isOccGradeFrmShow && occGradeList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                                    姓名
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="职业等级">
                                                    职业等级
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="开始时间">
                                                    开始时间
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="审核状态">
                                                    审核状态
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核理由">审核理由</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="操作">操作</p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of occGradeList" :key="item.occGradeId" :index="index">
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.occGradeStr">{{item.occGradeStr}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.eventTime">{{item.eventTime}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1" v-if="item.auditStatus === 2">
                                                    <icon name="readed" class="scaleIcon1 orangeColor" title="设置职业等级记录为已读" @click.native.stop="setOccGradeRead(item.occGradeId,index)"></icon>
                                                </p>
                                                <p class="paddTB10 tContent borderL1 borderR1" v-else>
                                                    <icon name="change" class="scaleIcon1 marR15" title="修改" @click.native.stop="editShowOccGradeFrm(item.occGradeId,index,item.auditStatus)"></icon>
                                                    <icon name="del" class="scaleIcon1 marR15" title="删除" @click.native.stop="deleteUserOccGrade(item.occGradeId,index,item.auditStatus)"></icon>
                                                </p>
                                            </el-col>
                                        </el-row>
                                    </div>
                                    
                                    <div class="tipNoData" v-show="occGradeList.length <= 0 && !isOccGradeFrmShow">暂无数据</div> 

                                    <div class="btnGroup marB20" v-show="isOccGradeFrmShow">
                                        <button class="operatBtn" @click.stop="cancelOccGradeFrm" v-show="isOccGradeFrmShow">取消</button>
                                        <button class="operatBtn" @click.stop="editUserOccGrade" :disabled="!isOccGradeFrmOk" :class="{notAllowed:!isOccGradeFrmOk}">确认修改</button>
                                    </div>

                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                </div>
                 <div class="tipNoData" v-else>暂无数据</div>

            </el-tab-pane>
            <el-tab-pane :label="'已读履历(' + readedCount + ')'" name="unReadTabPane"  :disabled="readedCount == 0">

                <div v-if="readedCount !== 0">
                    <el-row>
                        <el-col :span="24">
                            <h3>审核人 : {{resumeAuditorsStr}}</h3>
                        </el-col>
                    </el-row>

                    <!-- 教育经历 -->
                    <el-row class="posRelative marT10 marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getReadEduExper">教育经历
                                    <icon name="down" class="marR15" v-show="!isReadedEduExperShow"></icon>
                                    <icon name="up" class="marR15" v-show="isReadedEduExperShow"></icon>
                                    <div class="loader loader-1" v-show="isReadedEduExperIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show="isReadedEduExperShow">
                                    <div v-show="readedEduExperList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="姓名">姓名</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="学历">
                                                    学历
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="毕业院校">毕业院校</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="毕业院校">毕业时间</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="专业名称">专业名称</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">审核状态</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="审核理由">审核理由</p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of readedEduExperList" :key="item.eduId" :index="index">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="初中及以下" v-if="item.education === 1">初中及以下</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="高中" v-else-if="item.education === 2">高中</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="专科" v-else-if="item.education === 3">专科</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(成教)" v-else-if="item.education === 4">本科(成教)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(民办 / 自考)" v-else-if="item.education === 5">本科(民办 / 自考)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(二本)" v-else-if="item.education === 6">本科(二本)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(一本)" v-else-if="item.education === 7">本科(一本)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(211)" v-else-if="item.education === 8">本科(211)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="本科(985)" v-else-if="item.education === 9">本科(985)</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="硕士 / 工硕" v-else-if="item.education === 10">硕士 / 工硕</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="博士" v-else-if="item.education === 11">博士</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.gradSchool">{{item.gradSchool}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.gradTime">{{item.gradTime}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.professName">{{item.professName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                        </el-row>
                                    </div>
                                    
                                    <div class="tipNoData" v-show="readedEduExperList.length <= 0">暂无数据</div> 
                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                    <!--奖惩记录  -->
                    <el-row class="posRelative marT10  marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getReadedRewards">奖惩记录
                                    <icon name="down" class="marR15" v-show="!isReadedRewardsShow"></icon>
                                    <icon name="up" class="marR15" v-show="isReadedRewardsShow"></icon>
                                    <div class="loader loader-1" v-show="isReadedRewardsIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show = "isReadedRewardsShow">
                                    <div v-show="readedRewardsList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                                    姓名
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="文件编号">
                                                    文件编号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="奖惩类型">
                                                    奖惩类型
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="奖惩日期">
                                                    奖惩日期
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="奖惩金额">奖惩金额</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="奖惩原因">奖惩原因</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">审核状态</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="审核理由">审核理由</p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of readedRewardsList" :key="item.rewardId" :index="index">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.fileNum">{{item.fileNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="奖励" v-if="item.rewardsType === 1">奖励</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="口头警告" v-else-if="item.rewardsType === 2">口头警告</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="书面警告" v-else-if="item.rewardsType === 3">书面警告</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="一类事故" v-else-if="item.rewardsType === 4">一类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="二类事故" v-else-if="item.rewardsType === 5">二类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="三类事故" v-else-if="item.rewardsType === 6">三类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="四类事故" v-else-if="item.rewardsType === 7">四类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="五类事故" v-else-if="item.rewardsType === 8">五类事故</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="六类事故" v-else-if="item.rewardsType === 9">六类事故</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewardsTime">{{item.rewardsTime}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewardsMoney">{{item.rewardsMoney}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewardsReason">{{item.rewardsReason}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                        </el-row>
                                    </div>

                                    <div class="tipNoData" v-show="readedRewardsList.length <= 0">暂无数据</div> 
                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                    <!-- 调岗记录 -->
                    <el-row class="posRelative marT10  marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getReadedPostTrans">调岗记录
                                    <icon name="down" class="marR15" v-show="!isReadedPostTransShow"></icon>
                                    <icon name="up" class="marR15" v-show="isReadedPostTransShow"></icon>
                                    <div class="loader loader-1" v-show="isReadedPostTransIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show="isReadedPostTransShow">
                                    <div v-show="readedPostTransferList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                                    姓名
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="文件编号">
                                                    文件编号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="调岗编号">
                                                    调岗编号
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="原部门">
                                                    原部门
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="新部门">
                                                    新部门
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="原职位">
                                                    原职位
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="新职位">
                                                    新职位
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="调岗时间">
                                                    调岗时间
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="调岗原因">
                                                    调岗原因
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核状态">
                                                    审核状态
                                                </p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="审核理由">
                                                    审核理由
                                                </p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of readedPostTransferList" :key="item.postTransId" :index="index">
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.fileNum">{{item.fileNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.postAdjustNum">{{item.postAdjustNum}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.oldDepartName">{{item.oldDepartName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.newDepartName">{{item.newDepartName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.oldPostName">{{item.oldPostName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.newPostName">{{item.newPostName}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.postAdjustTime">{{item.postAdjustTime}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.postAdjustReason">{{item.postAdjustReason}}</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="2">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                        </el-row>
                                    </div>

                                    <div class="tipNoData" v-show="readedPostTransferList.length <= 0">暂无数据</div> 

                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                    <!-- 人员状态记录 -->
                    <el-row class="posRelative marT10  marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getReadedUserStatus">人员状态记录
                                    <icon name="down" class="marR15" v-show="!isReadedUserStatusShow"></icon>
                                    <icon name="up" class="marR15" v-show="isReadedUserStatusShow"></icon>
                                    <div class="loader loader-1" v-show="isReadedUserStatusIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show="isReadedUserStatusShow">
                                    <div v-show="readedUserStatusList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                                    姓名
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工作状态">
                                                    工作状态
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="开始时间">
                                                    开始时间
                                                </p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="结束时间">
                                                    结束时间
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="审核状态">
                                                    审核状态
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="审核理由">审核理由</p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of readedUserStatusList" :key="item.userStatusId" :index="index">
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="在校实习生" v-if="item.workNature === 1">在校实习生</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="试用" v-else-if="item.workNature === 2">试用</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="首签合同" v-else-if="item.workNature === 3">首签合同</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="续签合同" v-else-if="item.workNature === 4">续签合同</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="无固定期限合同" v-else-if="item.workNature === 5">无固定期限合同</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="停薪留职" v-else-if="item.workNature === 6">停薪留职</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="离职" v-else-if="item.workNature === 7">离职</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="退休返职" v-else-if="item.workNature === 8">退休返职</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="钟点工" v-else-if="item.workNature === 9">钟点工</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="兼职" v-else-if="item.workNature === 10">兼职</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.eventTime">{{item.eventTime}}</p>
                                            </el-col>
                                            <el-col :span="3">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.endEventTime">{{item.endEventTime}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                        </el-row>
                                    </div>

                                    <div class="tipNoData" v-show="readedUserStatusList.length <= 0">暂无数据</div> 
                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                    <!-- 职业等级记录 -->
                    <el-row class="posRelative marT10  marB12">
                        <el-col :span="24">
                                <h3 style="cursor:pointer;" @click.stop="getReadedOccGrade">职业等级记录
                                    <icon name="down" class="marR15" v-show="!isReadedOccGradeShow"></icon>
                                    <icon name="up" class="marR15" v-show="isReadedOccGradeShow"></icon>
                                    <div class="loader loader-1" v-show="isReadedOccGradeIconShow">
                                        <div class="loader-outter"></div>
                                    </div>
                                </h3>
                                <div class="marB20 font14" v-show="isReadedOccGradeShow">
                                    
                                    <div v-show="readedOccGradeList.length > 0">
                                        <el-row class="headerRowClass borderT1">
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="工号">
                                                    工号
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="姓名">
                                                    姓名
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="职业等级">
                                                    职业等级
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="开始时间">
                                                    开始时间
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 posRelative ellipsis" title="审核状态">
                                                    审核状态
                                                </p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" title="审核理由">审核理由</p>
                                            </el-col>
                                        </el-row>
                                        <el-row class="rowClass tdText" v-for="(item,index) of readedOccGradeList" :key="item.occGradeId" :index="index">
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.staffNum">{{item.staffNum}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.userName">{{item.userName}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.occGradeStr">{{item.occGradeStr}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.eventTime">{{item.eventTime}}</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="待审核" v-if="item.auditStatus === 1">待审核</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核通过" v-else-if="item.auditStatus === 2">审核通过</p>
                                                <p class="paddTB10 tContent borderL1 ellipsis" title="审核不通过" v-else-if="item.auditStatus === 3">审核不通过</p>
                                            </el-col>
                                            <el-col :span="4">
                                                <p class="paddTB10 tContent borderL1 borderR1 ellipsis" :title="item.auditFailReason">{{item.auditFailReason}}</p>
                                            </el-col>
                                        </el-row>
                                    </div>
                                    
                                    <div class="tipNoData" v-show="readedOccGradeList.length <= 0">暂无数据</div> 
                                </div>
                                <div class="grayLine"></div>
                        </el-col>
                    </el-row>

                </div>

                <div class="tipNoData" v-else>暂无数据</div>

            </el-tab-pane>
        </el-tabs>

    </div>
</template>


<script>

import http from '@/assets/js/http'
import _g from '@/assets/js/global'
import config from '@/assets/js/config.js'

import { validateRealNum} from "@/assets/js/common.js"

import {educationArr,workNatureArr,rewardsArr} from "@/assets/js/data.js"

export default {
    data(){
        // 奖惩金额
        let validateRewardsMoney =  (rule, value, callback) => {
            // if (!validateNonnegativeNum(value)) {
            if (!validateRealNum(value)) {
                callback(new Error("请输入数字"))
            }else{
                callback()
            }
        }

        let validateUserStatusStartTime = (rule, value, callback) => {
            if (value !== '' && this.userStatusFrm.endEventTime !== '' && this.userStatusFrm.workNature !==5 && this.userStatusFrm.workNature !==7) {
                if(new Date(value).getTime() > new Date(this.userStatusFrm.endEventTime).getTime()){
                    callback(new Error("开始时间不能大于结束时间"))
                }else{
                    callback()
                }
            }else{
                callback()
            }
        }

        let validateUserStatusEndTime = (rule, value, callback) => {
            if (value !== '' && this.userStatusFrm.eventTime !== '') {
                if(new Date(value).getTime() < new Date(this.userStatusFrm.eventTime).getTime()){
                    callback(new Error("结束时间不能小于开始时间"))
                }else{
                    callback()
                }
            }else{
                callback()
            }
        }

        return {
            // 前端静态数据
            educationArr,workNatureArr,rewardsArr,

            posList:[],                                                                             //  职位列表
            departs:[],                                                                             //  所有的显示部门列表

            activeName : 'readTabPane',//..默认展示未读履历
            sumCount:0, //  未审核履历数量默认为0
            readedCount:0, //  已读履历数量默认为0
            unReadedCount:0,//  未读履历数量默认为0
            resumeAuditorsStr:'/',//..审核人

            // 默认加载中图标隐藏
            isEduExperIconShow:false,//    教育经历
            isRewardsIconShow:false,//    奖惩记录
            isPostTransIconShow:false,//    调岗记录
            isUserStatusIconShow:false,//    人员状态记录
            isOccGradeIconShow:false,//    职业等级记录

            isReadedEduExperIconShow:false,//    已读教育经历
            isReadedRewardsIconShow:false,//    已读奖惩记录
            isReadedPostTransIconShow:false,//    已读调岗记录
            isReadedUserStatusIconShow:false,//    已读人员状态记录
            isReadedOccGradeIconShow:false,//    已读职业等级记录

            // 所有模块默认隐藏
            isEduExperShow:false,//    教育经历
            isRewardsShow:false,//    奖惩记录
            isPostTransShow:false,//    调岗记录
            isUserStatusShow:false,//    人员状态记录
            isOccGradeShow:false,//    职业等级记录

            isReadedEduExperShow:false,//    已读教育经历
            isReadedRewardsShow:false,//    已读奖惩记录
            isReadedPostTransShow:false,//    已读调岗记录
            isReadedUserStatusShow:false,//    已读人员状态记录
            isReadedOccGradeShow:false,//    已读职业等级记录

            tableShowUser : {},         //  用户基本信息
            eduExperList : [],         //  教育经历
            rewardsList : [],         //  奖惩记录
            postTransferList : [],         //  调岗记录
            userStatusList : [],         //  人员状态记录
            occGradeList : [],         //  职业等级记录

            readedEduExperList : [],         //  已读教育经历
            readedRewardsList : [],         //  已读奖惩记录
            readedPostTransferList : [],         //  已读调岗记录
            readedUserStatusList : [],         //  已读人员状态记录
            readedOccGradeList : [],         //  已读职业等级记录

             //表单默认没有通过校验
            isEduFrmOk:false,
            isRewardFrmOk:false,
            isPostTransFrmOk:false,
            isUserStatusFrmOk:false,
            isOccGradeFrmOk:false,

            // 教育经历开始
            eduFrm:{
                education:6,  //  学历
                gradSchool:'',  //  毕业院校
                professName:'',  //  专业名称
                gradTime:'',//  毕业时间
                staffNum:'',//  工号
                userName:'',//  名字
            },
            isEduFrmShow:false,                                      //  默认隐藏教育经历表单
            currEditorEdu:{
                eduId:null,                                              //  当前修改的教育经历的id
                index:null,                                              //  当前修改的教育经历的数组索引
                auditStatus:null,                                       //  当前修改的教育经历的审核状态
            },

             // 奖惩记录开始
            rewardFrm:{
                rewardsType:1,  //  奖惩类型默认为奖励
                rewardsTime:'',  //  奖惩日期(年月日)
                rewardsMoney:0,  //  奖惩金额默认为0
                rewardsReason:'',  //  奖惩原因
                fileNum : '',               //  文件编号
                staffNum:'',//  工号
                userName:'',//  名字
            },
            isRewardFrmShow:false,                                      //  默认隐藏奖惩表单
            currEditorReward:{
                rewardId:null,                                              //  当前修改的奖惩记录的id
                index:null,                                              //  当前修改的奖惩记录的数组索引
                auditStatus:null                                        //  当前修改的奖惩记录的审核状态
            },

            // 调岗记录开始
            postTransFrm:{
                postAdjustTime:'',  //  调岗时间（精确到年月日）
                oldPostId : null,  //  原来职位id
                newPostId : null,  //  新的职位id
                oldDepartId : null,  //  原来部门id
                newDepartId : null,  //  新的部门id
                oldPostName : '',  //  原来职位
                newPostName : '',  //  新的职位
                oldDepartName : '',  //  原来部门
                newDepartName : '',  //  新的部门
                postAdjustReason : '',  //  调岗原因
                fileNum : '',               //  文件编号
                postAdjustNum : '',               //  调岗编号
                staffNum:'',//  工号
                userName:'',//  名字
            },
            isPostTransFrmShow:false,                                      //  默认隐藏调岗表单
            currEditorPostTrans:{
                postTransId:null,                                              //  当前修改的调岗记录的id
                index:null,                                              //  当前修改的调岗记录的数组索引
                auditStatus:null                                        //  当前修改的调岗记录的审核状态
            },

            // 人员状态记录开始
            userStatusFrm:{
                workNature:1,  //  工作状态，默认在校实习生
                eventTime : '',  //  工作状态开始时间
                endEventTime : '',  //  工作状态结束时间
                staffNum:'',//  工号
                userName:'',//  名字
            },
            isUserStatusFrmShow:false,                                      //  默认隐藏人员动态表单
            currEditorUserStatus:{
                userStatusId:null,                                              //  当前修改的动态记录的id
                index:null,                                              //  当前修改的动态记录的数组索引
                auditStatus:null,                                              //  当前修改的动态记录的审核状态
            },
            
            // 职业等级记录
            occGradeFrm:{
                occGradeStr:'',  //  职业等级字符串内容
                eventTime : '',  //  工作状态开始时间
                staffNum:'',//  工号
                userName:'',//  名字
            },
            isOccGradeFrmShow:false,                                      //  默认隐藏职业等级表单
            currEditorOccGrade:{
                occGradeId:null,                                              //  当前修改的职业等级记录的id
                index:null,                                              //  当前修改的职业等级记录的数组索引
                auditStatus:null,                                              //  当前修改的职业等级记录的审核状态
            },

             // 教育经历校验
            eduFrmRules:{
                gradSchool: [{
                        required: true,
                        message: "请输入毕业院校",
                        trigger: "change"
                }],
                gradTime: [{
                        required: true,
                        message: "请选择毕业时间",
                        trigger: "change"
                }],
                professName: [{
                        required: true,
                        message: "请输入专业名称",
                        trigger: "change"
                }],
            },

            // 奖惩记录校验
            rewardFrmRules:{
                fileNum:[{
                        required: true,
                        message: "请输入文件编号",
                        trigger: "change"
                }],
                rewardsMoney: [{
                        required: true,
                        message: "请输入奖惩金额",
                        trigger: "change"
                },{
                        validator: validateRewardsMoney,
                        message: "请输入数字",
                        trigger: "change"
                }],
                rewardsReason: [{
                        required: true,
                        message: "请输入奖惩原因",
                        trigger: "change"
                }],
                rewardsTime: [{
                        required: true,
                        message: "请选择奖惩日期",
                        trigger: "change"
                }],
            },

            // 调岗记录表单校验
            postTransFrmRules:{
                fileNum: [{
                        required: true,
                        message: "请输入文件编号",
                        trigger: "change"
                }],
                postAdjustNum: [{
                        required: true,
                        message: "请输入调岗编号",
                        trigger: "change"
                }],
                newPostId: [{
                        required: true,
                        message: "请选择新的职位",
                        trigger: "change"
                }],
                newDepartId: [{
                        required: true,
                        message: "请选择新的部门",
                        trigger: "change"
                }],
                postAdjustReason: [{
                        required: true,
                        message: "请输入调岗原因",
                        trigger: "change"
                }],
                postAdjustTime: [{
                        required: true,
                        message: "请选择调岗日期",
                        trigger: "change"
                }],
            },

            // 人员状态记录表单校验
            userStatusFrmRules:{
                eventTime: [{
                        required: true,
                        message: "请选择开始时间",
                        trigger: "change"
                },{
                        validator: validateUserStatusStartTime,
                        message: "开始时间不能大于结束时间",
                        trigger: "change"
                }],
                endEventTime: [{
                        required: true,
                        message: "请选择结束时间",
                        trigger: "change"
                },{
                        validator: validateUserStatusEndTime,
                        message: "结束时间不能小于开始时间",
                        trigger: "change"
                }],
            }, 

             // 职业等级记录表单校验
            occGradeFrmRules:{
                occGradeStr: [{
                        required: true,
                        message: "请输入职业等级",
                        trigger: "change"
                }],
                eventTime: [{
                        required: true,
                        message: "请选择开始时间",
                        trigger: "change"
                }],
            }, 
        }
    },
    methods: {
        /* 切换选项卡之后重置模块为隐藏 */
        handleClick(){
            const activeName = this.activeName
            if(activeName === 'unReadTabPane'){ //..如果切换到未读履历选项卡
                this.isEduExperShow = false//    教育经历
                this.isRewardsShow = false//    奖惩记录
                this.isPostTransShow = false//    调岗记录
                this.isUserStatusShow = false//    人员状态记录
                this.isOccGradeShow = false//    职业等级记录
            }else{//..如果切换到已读履历选项卡
                this.isReadedEduExperShow = false//    已读教育经历
                this.isReadedRewardsShow = false//    已读奖惩记录
                this.isReadedPostTransShow = false//    已读调岗记录
                this.isReadedUserStatusShow = false//    已读人员状态记录
                this.isReadedOccGradeShow = false//    已读职业等级记录
            }
        },

        /* 查询未读的教育经历记录 */
        getEduExper(){
            const that = this
            let eduExperList = []

            if(that.isEduExperShow){// 如果展开
                that.isEduExperShow = false
                if(that.isEduFrmShow){
                     that.cancelEduFrm()
                }
            }else{//    如果折叠
                that.isEduExperIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserUnreadEdu').then((res) => {
                    that.isEduExperIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                            // 教育经历初始化
                            for(let education of res.data.eduExperList){
                                eduExperList.push({
                                    eduId : education.id,
                                    education : education.education,
                                    gradSchool : education.graduated_school,
                                    gradTime : education.graduated_time,
                                    professName : education.professional_name,
                                    auditStatus : education.audit_status,
                                    auditFailReason : education.audit_fail_reason || '/',
                                    staffNum : education.staffnum,
                                    userName : education.user_name
                                })
                            }
                            that.eduExperList = eduExperList
                            that.isEduExperShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },
        /* 查询未读的奖惩记录 */
        getRewards(){
            const that = this
            let rewardsList = []

            if(that.isRewardsShow){// 如果展开
                that.isRewardsShow = false
                if(that.isRewardFrmShow){
                     that.cancelRewardFrm()
                }
            }else{//    如果折叠
                that.isRewardsIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserUnreadRewards').then((res) => {
                    that.isRewardsIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                        // 奖惩记录初始化
                            for(let item of res.data.rewardsList){
                                rewardsList.push({
                                    rewardId : item.id,
                                    rewardsType : item.rewards_type,
                                    rewardsTime : item.rewards_time,
                                    rewardsReason : item.rewards_reason,
                                    rewardsMoney : item.rewards_money,
                                    auditStatus : item.audit_status,
                                    auditFailReason : item.audit_fail_reason || '/',
                                    fileNum : item.file_num,
                                    staffNum : item.staffnum,
                                    userName : item.user_name
                                })
                            }
                            that.rewardsList = rewardsList
                            that.isRewardsShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },
        /* 查询未读的调岗记录 */
        getPostTrans(){
            const that = this
            let postTransferList = []

            if(that.isPostTransShow){// 如果展开
                that.isPostTransShow = false
                if(that.isPostTransFrmShow){
                     that.cancelPostTransFrm()
                }
            }else{//    如果折叠
                that.isPostTransIconShow = true

                that.getDeparts()// 加载所有部门
                that.getPosts()//   加载所有职位

                that.apiPost('admin/resume/queryResumeOperatUserUnreadPostTrans').then((res) => {
                    that.isPostTransIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                            // 岗位调动记录初始化
                            for(let item of res.data.postTransferList){
                                postTransferList.push({
                                    postTransId : item.id,
                                    postAdjustTime : item.post_adjust_time,
                                    postAdjustNum : item.post_adjust_num,
                                    oldPostId : item.old_post_id,
                                    newPostId : item.new_post_id,
                                    oldDepartId : item.old_depart_id,
                                    newDepartId : item.new_depart_id,
                                    oldPostName : item.oldPosName,
                                    newPostName : item.newPosName,
                                    oldDepartName : item.oldDepartName,
                                    newDepartName : item.newDepartName,
                                    postAdjustReason : item.post_adjust_reason,
                                    auditStatus : item.audit_status,
                                    auditFailReason : item.audit_fail_reason || '/',
                                    fileNum : item.file_num,
                                    staffNum : item.staffnum,
                                    userName : item.user_name
                                })
                            }
                            that.postTransferList = postTransferList
                            that.isPostTransShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },
        /* 查询未读的人员状态记录 */
        getUserStatus(){
            const that = this
            let userStatusList = []

            if(that.isUserStatusShow){// 如果展开
                that.isUserStatusShow = false
                if(that.isUserStatusFrmShow){
                     that.cancelUserStatusFrm()
                }
            }else{//    如果折叠
                that.isUserStatusIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserUnreadStatus').then((res) => {
                    that.isUserStatusIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                            // 人员状态记录初始化
                            for(let item of res.data.userStatusList){
                                userStatusList.push({
                                    userStatusId : item.id,
                                    workNature : item.work_nature,
                                    auditStatus : item.audit_status,
                                    auditFailReason : item.audit_fail_reason || '/',
                                    eventTime : item.event_time,
                                    endEventTime : item.end_event_time || '/',
                                    staffNum : item.staffnum,
                                    userName : item.user_name
                                })
                            }
                            that.userStatusList = userStatusList
                            that.isUserStatusShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },
        /* 查询未读的职业等级记录 */
        getOccGrade(){
            const that = this
            let occGradeList = []

            if(that.isOccGradeShow){// 如果展开
                that.isOccGradeShow = false
                if(that.isOccGradeFrmShow){
                     that.cancelOccGradeFrm()
                }
            }else{//    如果折叠
                that.isOccGradeIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserUnreadOccGrade').then((res) => {
                    that.isOccGradeIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                            // 职业等级记录初始化
                            for(let item of res.data.occGradeList){
                                occGradeList.push({
                                    occGradeId : item.id,
                                    occGradeStr : item.occ_grade_str,
                                    auditStatus : item.audit_status,
                                    auditFailReason : item.audit_fail_reason || '/',
                                    eventTime : item.event_time,
                                    staffNum : item.staffnum,
                                    userName : item.user_name
                                })
                            }
                            that.occGradeList = occGradeList
                            that.isOccGradeShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },

        /* 查询已读的教育经历记录 */
        getReadEduExper(){
            const that = this
            let readedEduExperList = []

            if(that.isReadedEduExperShow){// 如果展开
                that.isReadedEduExperShow = false
            }else{//    如果折叠
                that.isReadedEduExperIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserReadedEdu').then((res) => {
                    that.isReadedEduExperIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                            // 教育经历初始化
                            for(let education of res.data.eduExperList){
                                readedEduExperList.push({
                                    eduId : education.id,
                                    education : education.education,
                                    gradSchool : education.graduated_school,
                                    gradTime : education.graduated_time,
                                    professName : education.professional_name,
                                    auditStatus : education.audit_status,
                                    auditFailReason : education.audit_fail_reason || '/',
                                    staffNum : education.staffnum,
                                    userName : education.user_name
                                })
                            }
                            that.readedEduExperList = readedEduExperList
                            that.isReadedEduExperShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },
        /* 查询已读的奖惩记录 */
        getReadedRewards(){
            const that = this
            let readedRewardsList = []

            if(that.isReadedRewardsShow){// 如果展开
                that.isReadedRewardsShow = false
            }else{//    如果折叠
                that.isReadedRewardsIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserReadedRewards').then((res) => {
                    that.isReadedRewardsIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                        // 奖惩记录初始化
                            for(let item of res.data.rewardsList){
                                readedRewardsList.push({
                                    rewardId : item.id,
                                    rewardsType : item.rewards_type,
                                    rewardsTime : item.rewards_time,
                                    rewardsReason : item.rewards_reason,
                                    rewardsMoney : item.rewards_money,
                                    auditStatus : item.audit_status,
                                    auditFailReason : item.audit_fail_reason || '/',
                                    fileNum : item.file_num,
                                    staffNum : item.staffnum,
                                    userName : item.user_name
                                })
                            }
                            that.readedRewardsList = readedRewardsList
                            that.isReadedRewardsShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },
        /* 查询已读的调岗记录 */
        getReadedPostTrans(){
            const that = this
            let readedPostTransferList = []

            if(that.isReadedPostTransShow){// 如果展开
                that.isReadedPostTransShow = false
            }else{//    如果折叠
                that.isReadedPostTransIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserReadedPostTrans').then((res) => {
                    that.isReadedPostTransIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                            // 岗位调动记录初始化
                            for(let item of res.data.postTransferList){
                                readedPostTransferList.push({
                                    postTransId : item.id,
                                    postAdjustTime : item.post_adjust_time,
                                    postAdjustNum : item.post_adjust_num,
                                    oldPostId : item.old_post_id,
                                    newPostId : item.new_post_id,
                                    oldDepartId : item.old_depart_id,
                                    newDepartId : item.new_depart_id,
                                    oldPostName : item.oldPosName,
                                    newPostName : item.newPosName,
                                    oldDepartName : item.oldDepartName,
                                    newDepartName : item.newDepartName,
                                    postAdjustReason : item.post_adjust_reason,
                                    auditStatus : item.audit_status,
                                    auditFailReason : item.audit_fail_reason || '/',
                                    fileNum : item.file_num,
                                    staffNum : item.staffnum,
                                    userName : item.user_name
                                })
                            }
                            that.readedPostTransferList = readedPostTransferList
                            that.isReadedPostTransShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },
        /* 查询已读的人员状态记录 */
        getReadedUserStatus(){
            const that = this
            let readedUserStatusList = []

            if(that.isReadedUserStatusShow){// 如果展开
                that.isReadedUserStatusShow = false
            }else{//    如果折叠
                that.isReadedUserStatusIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserReadedStatus').then((res) => {
                    that.isReadedUserStatusIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                            // 人员状态记录初始化
                            for(let item of res.data.userStatusList){
                                readedUserStatusList.push({
                                    userStatusId : item.id,
                                    workNature : item.work_nature,
                                    auditStatus : item.audit_status,
                                    auditFailReason : item.audit_fail_reason || '/',
                                    eventTime : item.event_time,
                                    endEventTime : item.end_event_time || '/',
                                    staffNum : item.staffnum,
                                    userName : item.user_name
                                })
                            }
                            that.readedUserStatusList = readedUserStatusList
                            that.isReadedUserStatusShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },
        /* 查询已读的职业等级记录 */
        getReadedOccGrade(){
            const that = this
            let readedOccGradeList = []

            if(that.isReadedOccGradeShow){// 如果展开
                that.isReadedOccGradeShow = false
            }else{//    如果折叠
                that.isReadedOccGradeIconShow = true
                that.apiPost('admin/resume/queryResumeOperatUserReadedOccGrade').then((res) => {
                    that.isReadedOccGradeIconShow = false
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){             //  成功
                            // 职业等级记录初始化
                            for(let item of res.data.occGradeList){
                                readedOccGradeList.push({
                                    occGradeId : item.id,
                                    occGradeStr : item.occ_grade_str,
                                    auditStatus : item.audit_status,
                                    auditFailReason : item.audit_fail_reason || '/',
                                    eventTime : item.event_time,
                                    staffNum : item.staffnum,
                                    userName : item.user_name
                                })
                            }
                            that.readedOccGradeList = readedOccGradeList
                            that.isReadedOccGradeShow = true
                        }else{
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }
        },

        /* 跳转到用户履历信息只读页面 */
        routerResumeDetailRead(userId){
            this.$router.push({path: '/admin/users/resumeDetailRead', query:{userId}})
        },
        
        /* 跳转到申报六项扣除页面 */
        routerToTax(userId){
            this.$router.push({ path:'/admin/users/tax', query: {userId} });
        },
        /* 跳转到权限菜单页面 */
        routerToMyselfMenu(userId,staffNum,userName){
            this.$router.push({name:'我的权限', params: {userId,staffNum,userName}})
        },

        /* 获取显示的部门 */
        getDeparts() {
            const that = this
            _g.showLoading('部门加载中');
            that.apiPost('admin/addDepart').then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){
                        that.departs = res.data.departList
                    }else if(res.data.isSuccess === 1){
                        _g.toastMsg("error", res.message)
                    }else if(res.data.isSuccess === 2){                                         //  未设置部门
                        _g.toastMsg("error", res.message)
                        that.$router.push('/admin/structures/addDepart')
                    }
                }
            })
        },

        /* 获取所有职位 */
        getPosts() {
            const that = this
            _g.showLoading('职位加载中');
            that.apiPost('admin/post/getAllPosts').then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){
                        that.posList = res.data.posList
                    }else if(res.data.isSuccess === 1){
                        _g.toastMsg("error", res.message)
                    }else if(res.data.isSuccess === 2){                                     //  未设置职位
                        _g.toastMsg("error", res.message)
                        that.$router.push('/admin/position/add')
                    }
                }
            })
        },

        /* 获取审核人 */
        getResumeAuditors(){
            const that = this
            let resumeAuditorsStr = ''
            _g.showLoading('加载中');
            that.apiPost("admin/resume/queryResumeAuditors").then(res => {
                    _g.showLoading().close()

                    if(typeof res === 'string'){
                    res = JSON.parse(res)
                    }
                    if ((res.code || res.code === 0)  && res.code != 200) {
                    this.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){            
                            if(res.data.resumeAuditorList.length > 0){
                                for(let item of res.data.resumeAuditorList){
                                    resumeAuditorsStr += `${item.user_name}(${item.staffnum}),`
                                }
                                resumeAuditorsStr = resumeAuditorsStr.slice(0,resumeAuditorsStr.length - 1)
                                that.resumeAuditorsStr = resumeAuditorsStr
                            }
                        }else if(res.data.isSuccess === 1){
                            _g.toastMsg("error", res.message)
                        }
                    }
            })
        },

        /* 根据登录用户id查询显示用户的未审核履历记录数量和已读履历记录数量 */
        getResumeCount(){
            const that = this

            _g.showLoading('加载中');
            that.apiPost("admin/resume/queryResumeCountOperatUser").then(res => {
                    _g.showLoading().close()

                    if(typeof res === 'string'){
                    res = JSON.parse(res)
                    }
                    if ((res.code || res.code === 0)  && res.code != 200) {
                    this.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){                           
                           that.sumCount = res.data.sumCount
                            that.readedCount = res.data.readedCount
                            that.unReadedCount = res.data.unReadedCount
                        }else if(res.data.isSuccess === 1){
                            _g.toastMsg("error", res.message)
                        }
                    }
            })
        },


        /* 查询当前登录用户的基本信息*/
        getUserInfo() {
            const that = this

            _g.showLoading('加载中');
            // that.apiPost("admin/users/loginUserInfo").then(res => {
            // that.apiPost("admin/resume/queryResumeOperatUserUnread").then(res => {
            that.apiPost("admin/users/queryLoginUserInfo").then(res => {
                    _g.showLoading().close()

                    if(typeof res === 'string'){
                    res = JSON.parse(res)
                    }
                    if ((res.code || res.code === 0)  && res.code != 200) {
                    this.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){                           
                            if(res.data.loginUserInfo !== null){
                                that.tableShowUser = res.data.loginUserInfo
                            }
                        }else if(res.data.isSuccess === 1){
                            _g.toastMsg("error", res.message)
                        }
                    }
            })
        },

        /* 侦听基本表单改变与校验是否通过 */ 
        watchFrmChange(frmName){
            switch (frmName){
                case 'eduFrm':
                    this.isEduFrmOk = true
                    break
                case 'rewardFrm':
                    this.isRewardFrmOk = true
                    break
                case 'postTransFrm':
                    this.isPostTransFrmOk = true
                    break
                case 'userStatusFrm':
                    this.isUserStatusFrmOk = true
                    break
                case 'occGradeFrm':
                    this.isOccGradeFrmOk = true
                    break
            }
        },

        /* 删除人员教育经历 */  
        deleteEdu(eduId,index,auditStatus){
            const that = this
            that.$confirm('是否确认删除?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/deleteEduExper',{eduId}).then((res) => {
                        _g.showLoading().close()
                        if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    that.eduExperList.splice(index,1)

                                    if(auditStatus === 1){  //  如果为待审核，则未审核数量减1
                                        --that.sumCount
                                    }
                                    --that.unReadedCount//  未读数量-1

                                }else if(res.data.isSuccess === 1){
                                    _g.toastMsg("error", res.message)
                                }
                            }
                })
            }).catch(() => {})
        },

        /* 设置教育经历为已读 */  
        setEduExperRead(eduId,index){
            const that = this
            const data = {
                eduId,
                isRead : 2
            }
            that.$confirm('是否确认已读?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/setEduExperRead',data).then((res) => {
                        _g.showLoading().close()
                        if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    that.eduExperList.splice(index,1)

                                    ++that.readedCount//   已读数量+1
                                    --that.unReadedCount//  未读数量-1

                                }else if(res.data.isSuccess === 1){
                                    _g.toastMsg("error", res.message)
                                }else if(res.data.isSuccess === 2){
                                    _g.toastMsg("warning", res.message)
                                }
                            }
                })
            }).catch(() => {})
        },
        /* 取消编辑教育经历 */
        cancelEduFrm(){
            this.isEduFrmOk = false
            this.$refs.eduFrm.resetFields()

            this.isEduFrmShow = false
            this.eduFrm.education = 6
            this.eduFrm.gradSchool = ''
            this.eduFrm.gradTime = ''
            this.eduFrm.professName = ''
            this.eduFrm.staffNum = ''
            this.eduFrm.userName = ''
        },
         /* 编辑人员教育经历 */  
      editShowEduFrm(eduId,index,auditStatus){
        const that = this
        that.isEduFrmShow = true                           //  显示表单
        that.eduFrm.education = that.eduExperList[index].education
        that.eduFrm.gradSchool = that.eduExperList[index].gradSchool
        that.eduFrm.gradTime = that.eduExperList[index].gradTime
        that.eduFrm.professName = that.eduExperList[index].professName
        that.eduFrm.staffNum = that.eduExperList[index].staffNum
        that.eduFrm.userName = that.eduExperList[index].userName
        // 当前被编辑的教育经历
        that.currEditorEdu.eduId = eduId
        that.currEditorEdu.index = index
        that.currEditorEdu.auditStatus = auditStatus
      },
    /* 确认编辑人员教育经历 */
    editEdu(){
        const that = this
        const eduId = that.currEditorEdu.eduId
        const index = that.currEditorEdu.index
        const auditStatus = that.currEditorEdu.auditStatus
        let data = {
            ...that.eduFrm,
            eduId
        }
        that.$refs['eduFrm'].validate(valid => {
            if (valid) {
            that.$confirm('是否确认修改人员教育经历?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('提交中')
                    that.apiPost('/admin/resume/editEduExper',data).then((res) => {
                    _g.showLoading().close()
                    if(typeof res === 'string'){
                            res = JSON.parse(res)
                        }
                        if (res.code != 200) {
                            that.handleError(res)
                        } else {
                            if(res.data.isSuccess === 0){
                                _g.toastMsg("success", res.message)

                                data.auditStatus = 1
                                data.auditFailReason = '/'
                                that.eduExperList.splice(index,1,data)

                                if(auditStatus !== 1){      //  如果不是待审核，则因为修改之后要变为待审核，所以未审核数量必须加1
                                    ++that.sumCount
                                }

                                that.isEduFrmShow = false                                //  隐藏表单

                                // 重置
                                that.eduFrm.education = ''
                                that.eduFrm.gradSchool = ''
                                that.eduFrm.gradTime = ''
                                that.eduFrm.professName = ''

                                that.currEditorEdu.eduId = null
                                that.currEditorEdu.index = null
                                that.currEditorEdu.auditStatus = null

                                that.isEduFrmOk = false
                                that.$refs.eduFrm.resetFields()
                            }else if(res.data.isSuccess === 1){
                                _g.toastMsg("error", res.message)
                            }else if(res.data.isSuccess === 2){
                                _g.toastMsg("warning", res.message)
                                that.isEduFrmShow = false
                                that.isEduFrmOk = false
                                that.$refs.eduFrm.resetFields()
                            }
                        }
                })
            }).catch(() => {})
            }
        })
    },

        /* 设置奖惩记录为已读 */  
        setRewardRead(rewardId,index){
            const that = this
            const data = {
                rewardId,
                isRead : 2
            }
            that.$confirm('是否确认已读?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/setRewardRead',data).then((res) => {
                        _g.showLoading().close()
                        if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    that.rewardsList.splice(index,1)

                                    ++that.readedCount//   已读数量+1
                                     --that.unReadedCount//  未读数量-1

                                }else if(res.data.isSuccess === 1){
                                    _g.toastMsg("error", res.message)
                                }else if(res.data.isSuccess === 2){
                                    _g.toastMsg("warning", res.message)
                                }
                            }
                })
            }).catch(() => {})
        },

         /* 删除人员奖惩记录 */  
        deleteReward(rewardId,index,auditStatus){
            const that = this
            that.$confirm('是否确认删除?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/deleteReward',{rewardId}).then((res) => {
                    _g.showLoading().close()
                    if(typeof res === 'string'){
                            res = JSON.parse(res)
                        }
                        if (res.code != 200) {
                            that.handleError(res)
                        } else {
                            if(res.data.isSuccess === 0){
                                _g.toastMsg("success", res.message)
                                that.rewardsList.splice(index,1)

                                if(auditStatus === 1){  //  如果为待审核，则未审核数量减1
                                    --that.sumCount
                                }
                                 --that.unReadedCount//  未读数量-1

                            }else if(res.data.isSuccess === 1){
                                _g.toastMsg("error", res.message)
                            }
                        }
                })
            }).catch(() => {})
        },
        
     /* 取消编辑奖惩记录 */
    cancelRewardFrm(){
        this.isRewardFrmShow = false
        this.rewardFrm.rewardsType = 1                        //  奖惩类型默认为奖励
        this.rewardFrm.rewardsTime = ''                       //  奖惩日期(年月日)
        this.rewardFrm.rewardsMoney = 0                     //  奖惩金额默认为0
        this.rewardFrm.rewardsReason = ''                     //  奖惩原因
        this.rewardFrm.fileNum = ''                     //  文件编号
        this.rewardFrm.staffNum = ''
        this.rewardFrm.userName = ''

        this.isRewardFrmOk = false
        this.$refs.rewardFrm.resetFields()
    },

    /* 显示编辑人员奖惩记录表单 */  
    editShowRewardFrm(rewardId,index,auditStatus){
        const that = this
        that.isRewardFrmShow = true                           //  显示表单
        that.rewardFrm.rewardsType = that.rewardsList[index].rewardsType
        that.rewardFrm.rewardsTime = that.rewardsList[index].rewardsTime
        that.rewardFrm.rewardsMoney = that.rewardsList[index].rewardsMoney
        that.rewardFrm.rewardsReason = that.rewardsList[index].rewardsReason
        that.rewardFrm.fileNum = that.rewardsList[index].fileNum
         that.rewardFrm.staffNum = that.rewardsList[index].staffNum
        that.rewardFrm.userName = that.rewardsList[index].userName
        //  当前需要编辑的奖惩记录
        that.currEditorReward.rewardId = rewardId
        that.currEditorReward.index = index
        that.currEditorReward.auditStatus = auditStatus
    },

     /* 编辑人员奖惩记录 */
      editReward(){
          const that = this
          const rewardId = that.currEditorReward.rewardId
           const index = that.currEditorReward.index
           const auditStatus = that.currEditorReward.auditStatus
          let data = {
              ...that.rewardFrm,
              rewardId
          }
          that.$refs['rewardFrm'].validate(valid => {
              if (valid) {
                that.$confirm('是否确认修改人员奖惩记录?', '提示', {
                  confirmButtonText: '确定',
                  cancelButtonText: '取消',
                  type: 'warning',
                  center: true
                }).then(() => {
                        _g.showLoading('提交中')
                        that.apiPost('/admin/resume/editReward',data).then((res) => {
                        _g.showLoading().close()
                        if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    data.auditStatus = 1
                                    data.auditFailReason = '/'
                                     that.rewardsList.splice(index,1,data)

                                    that.isRewardFrmShow = false                                //  隐藏表单

                                    if(auditStatus !== 1){      //  如果不是待审核，则因为修改之后要变为待审核，所以未审核数量必须加1
                                        ++that.sumCount
                                    }

                                    // 重置
                                    that.rewardFrm.rewardsType = 1
                                    that.rewardFrm.rewardsTime = ''
                                    that.rewardFrm.rewardsMoney = 0
                                    that.rewardFrm.rewardsReason = ''
                                    that.rewardFrm.fileNum = ''

                                    that.currEditorReward.rewardId = null
                                    that.currEditorReward.index = null
                                    that.currEditorReward.auditStatus = null

                                    that.isRewardFrmOk = false
                                    that.$refs.rewardFrm.resetFields()
                                }else if(res.data.isSuccess === 1 || res.data.isSuccess === 3){
                                    _g.toastMsg("error", res.message)
                                }else if(res.data.isSuccess === 2){
                                    _g.toastMsg("warning", res.message)
                                    that.isRewardFrmShow = false
                                    that.isRewardFrmOk = false
                                    that.$refs.rewardFrm.resetFields()
                                }
                            }
                    })
                }).catch(() => {})
              }
          })
      },
        
        /* 设置调岗记录为已读 */  
        setPostTransRead(postTransId,index){
            const that = this
            const data = {
                postTransId,
                isRead : 2
            }
            that.$confirm('是否确认已读?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/setPostTransRead',data).then((res) => {
                        _g.showLoading().close()
                        if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    that.postTransferList.splice(index,1)

                                    ++that.readedCount//   已读数量+1
                                    --that.unReadedCount//  未读数量-1

                                }else if(res.data.isSuccess === 1){
                                    _g.toastMsg("error", res.message)
                                }else if(res.data.isSuccess === 2){
                                    _g.toastMsg("warning", res.message)
                                }
                            }
                })
            }).catch(() => {})
        },

        /* 删除人员调岗记录 */  
        deletePostTrans(postTransId,index,auditStatus){
            const that = this
            that.$confirm('是否确认删除?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/deletePostTrans',{postTransId}).then((res) => {
                    _g.showLoading().close()
                    if(typeof res === 'string'){
                            res = JSON.parse(res)
                        }
                        if (res.code != 200) {
                            that.handleError(res)
                        } else {
                            if(res.data.isSuccess === 0){
                                _g.toastMsg("success", res.message)
                                that.postTransferList.splice(index,1)

                                if(auditStatus === 1){  //  如果为待审核，则未审核数量减1
                                    --that.sumCount
                                }
                                --that.unReadedCount//  未读数量-1

                            }else if(res.data.isSuccess === 1){
                                _g.toastMsg("error", res.message)
                            }
                        }
                })
            }).catch(() => {})
        },

        /* 取消编辑调岗记录 */
      cancelPostTransFrm(){
        this.isPostTransFrmShow = false
        this.postTransFrm.postAdjustTime = ''                        //   调岗时间（精确到年月日）
        this.postTransFrm.oldPostId = null                       //    原来职位id
        this.postTransFrm.newPostId = null                     //   新的职位id
        this.postTransFrm.oldDepartId = null                     //   原来部门id
        this.postTransFrm.newDepartId = null                        //   新的部门id
        this.postTransFrm.oldPostName = ''                       //   原来职位
        this.postTransFrm.newPostName = ''                     //   新的职位
        this.postTransFrm.oldDepartName = ''                     //   原来部门
        this.postTransFrm.newDepartName = ''                     //   新的部门
        this.postTransFrm.postAdjustReason = ''                     //   调岗原因
        this.postTransFrm.fileNum = ''                     //   文件编号
        this.postTransFrm.postAdjustNum = ''                     //   调岗编号
        this.postTransFrm.staffNum = ''
        this.postTransFrm.userName = ''

        this.isPostTransFrmOk = false
        this.$refs.postTransFrm.resetFields()
      },

    /* 下拉框选择新职位改变事件 */
    selNewPos(){
        const posList = this.posList
        const currPosId = this.postTransFrm.newPostId
        let currPosName = ''
    //   根据职位id，查找职位名字
        for(let item of posList){
            if(item.id === currPosId){
                currPosName = item.pos_name
                break
            }
        }
        this.postTransFrm.newPostName = currPosName
        this.watchFrmChange('postTransFrm')
    },

     /* 下拉框选择新部门改变事件 */
    selNewDepart(){
        const departs = this.departs
        const currDepartId = this.postTransFrm.newDepartId
        let currDepartName = ''
    //   根据部门id，查找部门名字
        for(let item of departs){
            if(item.id === currDepartId){
                currDepartName = item.depart_name
                break
            }
        }
        this.postTransFrm.newDepartName = currDepartName

        this.watchFrmChange('postTransFrm')
    },

       /* 显示编辑人员调岗记录表单 */  
      editShowPostTransFrm(postTransId,index,auditStatus){
        const that = this
        that.isPostTransFrmShow = true                           //  显示表单
        that.postTransFrm.postAdjustTime = that.postTransferList[index].postAdjustTime
        that.postTransFrm.oldPostId = that.postTransferList[index].oldPostId
        that.postTransFrm.newPostId = that.postTransferList[index].newPostId
        that.postTransFrm.oldDepartId = that.postTransferList[index].oldDepartId
        that.postTransFrm.newDepartId = that.postTransferList[index].newDepartId
        that.postTransFrm.oldPostName = that.postTransferList[index].oldPostName
        that.postTransFrm.newPostName = that.postTransferList[index].newPostName
        that.postTransFrm.oldDepartName = that.postTransferList[index].oldDepartName
        that.postTransFrm.newDepartName = that.postTransferList[index].newDepartName
        that.postTransFrm.postAdjustReason = that.postTransferList[index].postAdjustReason
        that.postTransFrm.fileNum = that.postTransferList[index].fileNum
        that.postTransFrm.postAdjustNum = that.postTransferList[index].postAdjustNum
        that.postTransFrm.staffNum = that.postTransferList[index].staffNum
        that.postTransFrm.userName = that.postTransferList[index].userName
        //  当前需要编辑的调岗记录
        that.currEditorPostTrans.postTransId = postTransId
        that.currEditorPostTrans.index = index
        that.currEditorPostTrans.auditStatus = auditStatus
      },
      
      /* 确认编辑人员调岗记录 */
      editPostTrans(){
        const that = this
        const postTransId = that.currEditorPostTrans.postTransId
        const index = that.currEditorPostTrans.index
        const auditStatus = that.currEditorPostTrans.auditStatus
        const userId = that.userId
        let data = {
            ...that.postTransFrm,
            postTransId,
            userId
        }

        that.$refs['postTransFrm'].validate(valid => {
            if (valid) {
            that.$confirm('是否确认修改人员调岗记录?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('提交中')
                    that.apiPost('/admin/resume/editPostTrans',data).then((res) => {
                    _g.showLoading().close()
                    if(typeof res === 'string'){
                            res = JSON.parse(res)
                        }
                        if (res.code != 200) {
                            that.handleError(res)
                        } else {
                            if(res.data.isSuccess === 0){
                                _g.toastMsg("success", res.message)
                                data.auditStatus = 1
                                data.auditFailReason = '/'
                                that.postTransferList.splice(index,1,data)

                                if(auditStatus !== 1){      //  如果不是待审核，则因为修改之后要变为待审核，所以未审核数量必须加1
                                    ++that.sumCount
                                }

                                that.isPostTransFrmShow = false                                //  隐藏表单

                                // 重置
                                that.cancelPostTransFrm()
                                that.currEditorPostTrans.postTransId = null
                                that.currEditorPostTrans.index = null
                                that.currEditorPostTrans.auditStatus = null

                                that.isPostTransFrmOk = false
                                that.$refs.postTransFrm.resetFields()
                            }else if(res.data.isSuccess === 1 || res.data.isSuccess === 3 || res.data.isSuccess === 4){
                                _g.toastMsg("error", res.message)
                            }else if(res.data.isSuccess === 2){
                                _g.toastMsg("warning", res.message)
                                that.isPostTransFrmShow = false
                                that.isPostTransFrmOk = false
                                that.$refs.postTransFrm.resetFields()
                            }
                        }
                })
            }).catch(() => {})
            }
        })
      },
        
        /* 设置人员状态记录为已读 */  
        setUserStatusRead(userStatusId,index){
            const that = this
            const data = {
                userStatusId,
                isRead : 2
            }
            that.$confirm('是否确认已读?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/setUserStatusRead',data).then((res) => {
                        _g.showLoading().close()
                        if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    that.userStatusList.splice(index,1)

                                    ++that.readedCount//   已读数量+1
                                    --that.unReadedCount//  未读数量-1

                                }else if(res.data.isSuccess === 1){
                                    _g.toastMsg("error", res.message)
                                }else if(res.data.isSuccess === 2){
                                    _g.toastMsg("warning", res.message)
                                }
                            }
                })
            }).catch(() => {})
        },

        /* 删除人员状态记录 */  
        deleteUserStatus(userStatusId,index,auditStatus){
            const that = this
            that.$confirm('是否确认删除?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/deleteUserStatus',{userStatusId}).then((res) => {
                    _g.showLoading().close()
                    if(typeof res === 'string'){
                            res = JSON.parse(res)
                        }
                        if (res.code != 200) {
                            that.handleError(res)
                        } else {
                            if(res.data.isSuccess === 0){
                                _g.toastMsg("success", res.message)
                                that.userStatusList.splice(index,1)

                                if(auditStatus === 1){  //  如果为待审核，则未审核数量减1
                                    --that.sumCount
                                }
                                --that.unReadedCount//  未读数量-1

                            }else if(res.data.isSuccess === 1){
                                _g.toastMsg("error", res.message)
                            }
                        }
                })
            }).catch(() => {})
        },

        
        /* 取消编辑状态记录 */
        cancelUserStatusFrm(){
            this.isUserStatusFrmShow = false
            this.userStatusFrm.workNature = 1                        //    工作状态，默认在职

            this.userStatusFrm.eventTime = ''                     //    工作状态开始时间
            this.userStatusFrm.endEventTime = ''                     //    工作状态结束时间
            this.userStatusFrm.staffNum = ''
            this.userStatusFrm.userName = ''

            this.isUserStatusFrmOk = false
            this.$refs.userStatusFrm.resetFields()
        },

        /* 编辑人员状态记录 */  
        editShowUserStatusFrm(userStatusId,index,auditStatus){
            const that = this
            that.isUserStatusFrmShow = true                           //  显示表单
            that.isAddorEditUserStatusBtn = false                                      //  修改按钮
            that.userStatusFrm.workNature = that.userStatusList[index].workNature
            that.userStatusFrm.eventTime = that.userStatusList[index].eventTime
            that.userStatusFrm.endEventTime = that.userStatusList[index].endEventTime === '/' ? '' : that.userStatusList[index].endEventTime
            that.userStatusFrm.staffNum = that.userStatusList[index].staffNum
            that.userStatusFrm.userName = that.userStatusList[index].userName
            //  当前需要编辑的状态记录
            that.currEditorUserStatus.userStatusId = userStatusId
            that.currEditorUserStatus.index = index
            that.currEditorUserStatus.auditStatus = auditStatus
        },

        /* 确认编辑人员状态记录 */
        editUserStatus(){
            const that = this
            const userStatusId = that.currEditorUserStatus.userStatusId
            const index = that.currEditorUserStatus.index
            const auditStatus = that.currEditorUserStatus.auditStatus
            const userId = that.userId
            let data = {
                ...that.userStatusFrm,
                userStatusId,
                userId
            }
            if(data.workNature === 5 || data.workNature === 7){
                data.endEventTime = '/'
            }
            that.$refs['userStatusFrm'].validate(valid => {
                if (valid) {
                that.$confirm('是否确认修改人员状态记录?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                        _g.showLoading('提交中')
                        that.apiPost('/admin/resume/editUserStatus',data).then((res) => {
                        _g.showLoading().close()
                        if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    data.auditStatus = 1
                                    data.auditFailReason = '/'

                                    that.userStatusList.splice(index,1,data)

                                    if(auditStatus !== 1){      //  如果不是待审核，则因为修改之后要变为待审核，所以未审核数量必须加1
                                        ++that.sumCount
                                    }

                                    // 重置
                                    that.cancelUserStatusFrm()
                                    that.currEditorUserStatus.userStatusId = null
                                    that.currEditorUserStatus.index = null
                                    that.currEditorUserStatus.auditStatus = null

                                    that.isUserStatusFrmOk = false
                                    that.$refs.userStatusFrm.resetFields()
                                }else if(res.data.isSuccess === 1){
                                    _g.toastMsg("error", res.message)
                                }else if(res.data.isSuccess === 2){
                                    _g.toastMsg("warning", res.message)
                                    that.isUserStatusFrmShow = false
                                    that.isUserStatusFrmOk = false
                                    that.$refs.userStatusFrm.resetFields()
                                }
                            }
                    })
                }).catch(() => {})
                }
            })
        },

         /* 设置职业等级记录为已读 */  
        setOccGradeRead(occGradeId,index){
            const that = this
            const data = {
                occGradeId,
                isRead : 2
            }
            that.$confirm('是否确认已读?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/setOccGradeRead',data).then((res) => {
                        _g.showLoading().close()
                        if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    that.occGradeList.splice(index,1)

                                    ++that.readedCount//   已读数量+1
                                    --that.unReadedCount//  未读数量-1

                                }else if(res.data.isSuccess === 1){
                                    _g.toastMsg("error", res.message)
                                }else if(res.data.isSuccess === 2){
                                    _g.toastMsg("warning", res.message)
                                }
                            }
                })
            }).catch(() => {})
        },

        /* 删除人员职业等级 */  
        deleteUserOccGrade(occGradeId,index,auditStatus){
            const that = this
            that.$confirm('是否确认删除?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                    _g.showLoading('删除中')
                    that.apiPost('/admin/resume/deleteUserOccGrade',{occGradeId}).then((res) => {
                    _g.showLoading().close()
                    if(typeof res === 'string'){
                        res = JSON.parse(res)
                    }
                    if (res.code != 200) {
                        that.handleError(res)
                    } else {
                        if(res.data.isSuccess === 0){
                            _g.toastMsg("success", res.message)
                            that.occGradeList.splice(index,1)

                            if(auditStatus === 1){  //  如果为待审核，则未审核数量减1
                                --that.sumCount
                            }
                            --that.unReadedCount//  未读数量-1

                        }else if(res.data.isSuccess === 1){
                            _g.toastMsg("error", res.message)
                        }
                    }
                })
            }).catch(() => {})
        },

        
        /* 取消编辑职业等级记录 */
        cancelOccGradeFrm(){
            this.isOccGradeFrmShow = false
            this.occGradeFrm.occGradeStr =  ''                        //     职业等级
            this.occGradeFrm.eventTime = ''                     //    工作状态开始时间
            this.occGradeFrm.staffNum = ''
            this.occGradeFrm.userName = ''

            this.isOccGradeFrmOk = false
            this.$refs.occGradeFrm.resetFields()
        },

        /* 编辑职业等级记录 */  
        editShowOccGradeFrm(occGradeId,index){
            const that = this
            that.isOccGradeFrmShow = true                           //  显示表单
            that.isAddorEditOccGradeBtn = false                                      //  修改按钮
            that.occGradeFrm.occGradeStr = that.occGradeList[index].occGradeStr
            that.occGradeFrm.eventTime = that.occGradeList[index].eventTime
            that.occGradeFrm.staffNum = that.occGradeList[index].staffNum
            that.occGradeFrm.userName = that.occGradeList[index].userName
            //  当前需要编辑的职业等级记录
            that.currEditorOccGrade.occGradeId = occGradeId
            that.currEditorOccGrade.index = index
            that.currEditorOccGrade.auditStatus = auditStatus
        },

        /* 确认编辑人员职业等级 */
        editUserOccGrade(){
            const that = this
            const occGradeId = that.currEditorOccGrade.occGradeId
            const index = that.currEditorOccGrade.index
            const auditStatus = that.currEditorOccGrade.auditStatus
            const userId = that.userId
            let data = {
                ...that.occGradeFrm,
                occGradeId,
                userId
            }

            that.$refs['occGradeFrm'].validate(valid => {
                if (valid) {
                    that.$confirm('是否确认修改人员职业等级记录?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                    }).then(() => {
                            _g.showLoading('提交中')
                            that.apiPost('/admin/resume/editUserOccGrade',data).then((res) => {
                            _g.showLoading().close()
                            if(typeof res === 'string'){
                                res = JSON.parse(res)
                            }
                            if (res.code != 200) {
                                that.handleError(res)
                            } else {
                                if(res.data.isSuccess === 0){
                                    _g.toastMsg("success", res.message)
                                    data.auditStatus = 1
                                    data.auditFailReason = '/'

                                    that.occGradeList.splice(index,1,data)

                                    if(auditStatus !== 1){      //  如果不是待审核，则因为修改之后要变为待审核，所以未审核数量必须加1
                                        ++that.sumCount
                                    }

                                    // 重置
                                    that.cancelOccGradeFrm()
                                    that.currEditorOccGrade.userStatusId = null
                                    that.currEditorOccGrade.index = null
                                    that.currEditorOccGrade.auditStatus = null

                                    that.isOccGradeFrmOk = false
                                    that.$refs.occGradeFrm.resetFields()
                                }else if(res.data.isSuccess === 1){
                                    _g.toastMsg("error", res.message)
                                }else if(res.data.isSuccess === 2){
                                    _g.toastMsg("warning", res.message)
                                    that.isOccGradeFrmShow = false
                                    that.isOccGradeFrmOk = false
                                    that.$refs.occGradeFrm.resetFields()
                                }
                            }
                        })
                    }).catch(() => {})
                }
            })
        },
      
    },
    created() {
        this.getResumeAuditors()
        this.getUserInfo()
        this.getResumeCount()
    },
    mixins: [http]
}
</script>

<style lang="less" scoped>
  /* 填写履历信息 */
h3{
    font-size: 14px;
    color: #ef8200;
    padding-bottom: 10px;
}

h4{
    color: #66b1ff;
    font-size: 14px;
    text-align: center;
}
</style>

